<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>攻略 - 瓦洛兰特游戏交流网站</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <header>
        <nav>
            <div class="logo">Valorant 交流站</div>
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="players.html">选手风采</a></li>
                <li><a href="guides.html" class="active">攻略</a></li>
            </ul>
        </nav>
    </header>

    <section class="page-title">
        <h1>游戏攻略指南</h1>
        <p>提升你的游戏技巧，成为瓦洛兰特高手</p>
    </section>

    <section class="guides-container">
        <div class="guide-category">
            <h2>地图攻略</h2>
            <div class="guides-list" id="map-guides">
                <!-- 地图攻略将通过JavaScript动态加载 -->
                <a href="https://val.qq.com/act/a20250102NewUserGuide/" class="guide-button" target="_blank">
                    官方地图攻略指南
                </a>
            </div>
        </div>

        <div class="guide-category">
            <h2>英雄选择</h2>
            <div class="guides-list" id="weapon-guides">
                <a href="https://val.qq.com/game-data.html?pageType=1&&heroId=1" class="guide-button" target="_blank">
                    英雄技能数据查询
                </a>
            </div>
        </div>
    </section>

   
</body>
</html>